<?php
if (! isset ( $_REQUEST ['type'] )) {
	$_REQUEST ['type'] = '';
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Quản Lý Dịch Vụ Kèm Theo | Phần Mềm Quản Lý Điều Hành Xe | CÔNG
	TY TNHH DỊCH VỤ MINH VIỆT</title>

<!-- Bootstrap framework -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.min.css" />
<!-- gebo blue theme-->
<link rel="stylesheet" href="css/blue.css" id="link_theme" />
<!-- breadcrumbs-->
<link rel="stylesheet" href="lib/jBreadcrumbs/css/BreadCrumb.css" />
<!-- tooltips-->
<link rel="stylesheet" href="lib/qtip2/jquery.qtip.min.css" />
<!-- notifications -->
<link rel="stylesheet" href="lib/sticky/sticky.css" />
<!-- code prettify -->
<link rel="stylesheet" href="lib/google-code-prettify/prettify.css" />
<!-- notifications -->
<link rel="stylesheet" href="lib/sticky/sticky.css" />
<!-- splashy icons -->
<link rel="stylesheet" href="img/splashy/splashy.css" />
<!-- colorbox -->
<link rel="stylesheet" href="lib/colorbox/colorbox.css" />
<!-- enhanced select -->
<link rel="stylesheet" href="lib/chosen/chosen.css" />
<!-- datepicker -->
<link rel="stylesheet" href="lib/datepicker/datepicker.css" />
<!-- main styles -->
<link rel="stylesheet" href="css/style.css" />
<!-- <link rel="stylesheet" href="css/style2.css />  -->
<!-- Favicon -->
<link rel="shortcut icon" href="favicon.ico" />
<!--[if lte IE 8]>
        <link rel="stylesheet" href="css/ie.css" />
        <script src="js/ie/html5.js"></script>
        <script src="js/ie/respond.min.js"></script>
    <![endif]-->
</head>
<body class="menu_hover">
	<div id="maincontainer" class="clearfix">
		<!-- header -->
      <?php include 'menu.php'; ?>

      <!-- main content -->
		<div id="contentwrapper" style="margin-left: 0px">
			<div class="main_content">
				<!-- BreadCrumb -->
				<nav>
					<div id="jCrumbs" class="breadCrumb module">
						<ul>
							<li><a href="#"><i class="icon-home"></i></a></li>
							<li><a href="booking.php">Điều hành xe</a></li>
							<li>Điều hành xe</li>
						</ul>
					</div>
				</nav>
				<!-- End BreadCrumb -->
				<div class="row-fluid">
					<!-- 
					<div class="span4">
						<form class="form-inline">
							<div class="input-append date inline" id="dp_start">
								<input class="input-small" type="text" readonly="readonly"
									style="width: 65px"><span class="add-on"><i
									class="splashy-calendar_day_up"></i></span>
							</div>
							<div class="input-append date inline" id="dp_end">
								<input class="input-small" type="text" readonly="readonly"
									style="width: 65px"><span class="add-on"><i
									class="splashy-calendar_day_down"></i></span>
							</div>
							<select class="input-mini">
								<option value="">Tất cả</option>
								<option>VIP</option>

							</select> <select class="input-small">
								<option value="">Tất cả</option>
								<option>Chưa phân xe</option>
								<option>Đã phân xe</option>
								<option>Đang thực hiện</option>
								<option>Hoàn thành</option>
								<option>Hủy</option>
							</select>

							<button type="submit" class="btn">
								<i class="icon-filter"></i>
							</button>
						</form>
						<div style="overflow: auto; max-height: 500px">
							<table class="table table-condensed table-bordered">
								<thead>
									<tr>
										<th nowrap="nowrap">Mã tour</th>
										<th nowrap="nowrap">Ngày</th>
										<th nowrap="nowrap">Lộ trình</th>
										<th nowrap="nowrap">Loại xe</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td rowspan="3">MV-ABD</td>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr class="customer-vip">
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td rowspan="3">MV-ABD</td>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr class="customer-vip">
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td rowspan="4">MV-ABD</td>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td rowspan="5">MV-ABD</td>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td rowspan="2">MV-ABD</td>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td rowspan="3">MV-ABD</td>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td rowspan="4">MV-ABD</td>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td rowspan="4">MV-ABD</td>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td rowspan="4">MV-ABD</td>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td rowspan="4">MV-ABD</td>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td rowspan="4">MV-ABD</td>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td rowspan="4">MV-ABD</td>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
									<tr>
										<td rowspan="4">MV-ABD</td>
										<td nowrap="nowrap">06/09</td>
										<td nowrap="nowrap">Hà Nội - Hạ Long</td>
										<td nowrap="nowrap">4 chỗ</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div> -->
					<div class="span12">
						<form action="booking-edit.php" method="post"
							class="form-horizontal">
							<div class="row-fluid">
								<div class="span7">
									<div class="heading">
										<h3 class="title_page">Chọn xe cho lộ trình</h3>
									</div>
									<h4>Thông tin xe</h4>
									<br />
									<div class="control-group">
										<label class="control-label" for="inputEmail">Xe Minh Việt (*)</label>
										<div class="controls inline">
											<label class="radio inline"> <input type="radio"
												name='loaixe'> Xe Minh Việt
											</label> <label class="radio inline"> <input type="radio"
												name='loaixe'> Xe Cộng tác viên
											</label>
										</div>
									</div>

									<div class="control-group">
										<label class="control-label" for="inputEmail">Chọn xe (*)</label>
										<div class="controls">
											<select name="" class="input-xlarge chzn_a" id="select_laixe">
												<option>-- Chọn một xe phù hợp --</option>
												<optgroup label="Xe 7 chỗ">
													<option>30N1-2609 - Nguyễn Văn A</option>
													<option>30N1-2609 - Nguyễn Văn A</option>
													<option>30N1-2609 - Nguyễn Văn A</option>
													<option>30N1-2609 - Nguyễn Văn A</option>
													<option>30N1-2609 - Nguyễn Văn A</option>
													<option>30N1-2609 - Nguyễn Văn A</option>
													<option>30N1-2609 - Nguyễn Văn A</option>
												</optgroup>
											</select>
										</div>
									</div>

									<div class="control-group">
										<label class="control-label" for="inputEmail">Biển số xe (*)</label>
										<div class="controls inline">
											<input type="text" name="bienso" value="" placeholder=""
												class="input-medium digits">
										</div>
									</div>
									<div class="control-group">
										<label class="control-label" for="inputEmail">Tên lái xe (*)</label>
										<div class="controls inline">
											<input type="text" name="laixe" value="" placeholder=""
												class="input-medium digits"> Số ĐT <input type="text"
												name="laixe-dienthoai" value="" placeholder=""
												class="input-small digits">
										</div>
									</div>
									<div class="control-group">
										<label class="control-label" for="inputEmail">Tên hướng dẫn
											(*)</label>
										<div class="controls inline">
											<input type="text" name="customer-no" value="" placeholder=""
												class="input-medium digits"> Số ĐT <input type="text"
												name="customer-no" value="" placeholder=""
												class="input-small digits">
										</div>
									</div>
									<div class="control-group">
										<label class="control-label" for="inputEmail">Thời gian hẹn
											(*)</label>
										<div class="controls inline">
											<input type="text" name="customer-no" value="" placeholder=""
												class="input-mini digits">
										</div>
									</div>
									<div class="control-group">
										<label class="control-label" for="inputEmail">Điểm hẹn (*)</label>
										<div class="controls inline">
											<input type="text" name="customer-no" value="" placeholder=""
												class="input-xlarge digits">
										</div>
									</div>
									<h4>Chi phí</h4>
									<br />
									<div class="control-group">
										<label class="control-label" for="inputEmail">Phải thu</label>
										<div class="controls inline">
											<div class="input-append">
												<input class="input-small" id="appendedInput" type="text"><span
													class="add-on"> VNĐ</span>
											</div>
											Hoặc
											<div class="input-append">
												<input class="input-mini" id="appendedInput" type="text"><span
													class="add-on"> Km</span>
											</div>
										</div>
									</div>
									<div class="control-group">
										<label class="control-label" for="inputEmail">Phải trả</label>
										<div class="controls inline">
											<div class="input-append">
												<input class="input-small" id="appendedInput" type="text"><span
													class="add-on"> VNĐ</span>
											</div>
											Hoặc
											<div class="input-append">
												<input class="input-mini" id="appendedInput" type="text"><span
													class="add-on"> Km</span>
											</div>
										</div>
									</div>

									<div class="control-group">
										<div class="controls inline">
											<button class="btn btn-primary">
												<i class="icon-ok icon-white"></i> Lưu lại
											</button>
											<a href="booking.php" class="btn">Quay lại</a>
										</div>
									</div>
								</div>


								<div class="span5">
									<div class="heading">
										<h3 class="title_page">Thông tin tour</h3>
									</div>
									<h4>Lộ trình</h4>
									<br />
									<table class="table table-condensed table-bordered">
										<thead>
											<tr>
												<th><input type="checkbox" checked="checked"></th>
												<th>Ngày</th>
												<th>Loại xe</th>
												<th>Lộ trình</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td><input type="checkbox" checked="checked"></td>
												<td>06/09 - Sáng</td>
												<td>16 chỗ</td>
												<td>Đón Sân Bay</td>
											</tr>
											<tr>
												<td><input type="checkbox" checked="checked"></td>
												<td>06/09 - Chiều</td>
												<td>16 chỗ</td>
												<td>City</td>
											</tr>
											<tr>
												<td><input type="checkbox" checked="checked"></td>
												<td>07-09-2013</td>
												<td>16 chỗ</td>
												<td>Hà Nội - Hạ Long</td>
											</tr>
											<tr>
												<td><input type="checkbox" checked="checked"></td>
												<td>08-09-2013</td>
												<td>16 chỗ</td>
												<td>Hạ Long - Hà Nội</td>
											</tr>
											<tr>
												<td><input type="checkbox" checked="checked"></td>
												<td>09-09-2013</td>
												<td>16 chỗ</td>
												<td>Tiễn Sân Bay</td>
											</tr>
										</tbody>
									</table>

									<h4>Thông tin chung</h4>
									<br />
									<table class="table table-condensed table-bordered">
										<tr>
											<td width="30%">Mã đoàn</td>
											<td>MV-ABC</td>
										</tr>
										<tr>
											<td>Tên tour</td>
											<td>MV-ABC</td>
										</tr>
										<tr>
											<td>Khách hàng</td>
											<td>MV-ABC</td>
										</tr>
										<tr>
											<td>Khách VIP</td>
											<td>MV-ABC</td>
										</tr>
										<tr>
											<td>Thời gian</td>
											<td>MV-ABC</td>
										</tr>
										<tr>
											<td>Ghi chú</td>
											<td>MV-ABC</td>
										</tr>
									</table>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>


		<script src="js/jquery.min.js"></script>
		<!-- smart resize event -->
		<script src="js/jquery.debouncedresize.min.js"></script>
		<!-- hidden elements width/height -->
		<script src="js/jquery.actual.min.js"></script>
		<!-- js cookie plugin -->
		<script src="js/jquery.cookie.min.js"></script>
		<!-- main bootstrap js -->
		<script src="bootstrap/js/bootstrap.min.js"></script>
		<!-- bootstrap plugins -->
		<script src="js/bootstrap.plugins.min.js"></script>
		<!-- code prettifier -->
		<script src="lib/google-code-prettify/prettify.min.js"></script>
		<!-- tooltips -->
		<script src="lib/qtip2/jquery.qtip.min.js"></script>
		<!-- jBreadcrumbs -->
		<script src="lib/jBreadcrumbs/js/jquery.jBreadCrumb.1.1.min.js"></script>
		<!-- sticky messages -->
		<script src="lib/sticky/sticky.min.js"></script>
		<!-- fix for ios orientation change -->
		<script src="js/ios-orientationchange-fix.js"></script>
		<!-- datepicker -->
		<script src="lib/datepicker/bootstrap-datepicker.min.js"></script>

		<!-- lightbox -->
		<script src="lib/colorbox/jquery.colorbox.min.js"></script>
		<!-- common functions -->
		<script src="js/gebo_common.js"></script>
		<!-- enhanced select (chosen) -->
		<script src="lib/chosen/chosen.jquery.min.js"></script>


		<script>
      $(document).ready(function() {
    	  $(".chzn_a").chosen({
				allow_single_deselect: true
			});
			$(".chzn_b").chosen();
			$('#dp1').datepicker();
			$('#dp_start').datepicker({format: "mm/dd/yyyy"}).on('changeDate', function(ev){
				var dateText = $(this).data('date');
				
				var endDateTextBox = $('#dp_end input');
				if (endDateTextBox.val() != '') {
					var testStartDate = new Date(dateText);
					var testEndDate = new Date(endDateTextBox.val());
					if (testStartDate > testEndDate) {
						endDateTextBox.val(dateText);
					}
				}
				else {
					endDateTextBox.val(dateText);
				};
				$('#dp_end').datepicker('setStartDate', dateText);
				$('#dp_start').datepicker('hide');
			});
			$('#dp_end').datepicker({format: "mm/dd/yyyy"}).on('changeDate', function(ev){
				var dateText = $(this).data('date');
				var startDateTextBox = $('#dp_start input');
				if (startDateTextBox.val() != '') {
					var testStartDate = new Date(startDateTextBox.val());
					var testEndDate = new Date(dateText);
					if (testStartDate > testEndDate) {
						startDateTextBox.val(dateText);
					}
				}
				else {
					startDateTextBox.val(dateText);
				};
				$('#dp_start').datepicker('setEndDate', dateText);
				$('#dp_end').datepicker('hide');
			});		
			$('#checkbox-road').change(function(){
				if (this.checked) {
					$('#select_road_chzn').hide();
					$('#new-road').show();
					$('#new-road2').show();
				} else {
					$('#select_road_chzn').show();
					$('#new-road').hide();
					$('#new-road2').hide();
				
				}
			});	
			$('#select_laixe').change(function(){
				$('[name=bienso]').val('30N3-3456');
				$('[name=laixe]').val('Nguyen Van A');
				$('[name=laixe-dienthoai]').val('0904.554.123');
			});
      });      
      </script>

	</div>

</body>
</html>
